// export default {
//     // el：该指令绑定在哪个元素上
//     // binding：指令的相关信息，包含该指令绑定的值
//     created(el, binding) {
//         if (binding.value.length <= 5) {
//             el.style.color = 'green';
//         } else if (binding.value.length <= 10) {
//             el.style.color = 'yellow'
//         } else {
//             el.style.color = 'red';
//         }
//     }
// }

export default (el, binding) => {
    if (binding.value.length <= 5) {
        el.style.color = 'green';
    } else if (binding.value.length <= 10) {
        el.style.color = 'yellow'
    } else {
        el.style.color = 'red';
    }
}